<template>
    <div>
        <footer class="footer-body">
            <div class="site-map">
                <a class="title" href="javascript:;">
                    <span style="font-weight: bold;">中山厂房网</span>
                </a>
            </div>
            <div class="site-nav">
                <router-link class="items" v-for="(item,key) in news" :key="key" :to='{name:"news",params:{id:item.id}}'>{{item.title}}
                </router-link>
                <router-link class="items" to="/entrust">委托租厂</router-link>
            </div>
            <img src="../../assets/images/slogan9.png" style="display: block;width: 140px;height: auto;margin: 10px auto 20px;" alt="">
            <p class="copyright">Copyright @ 2018 qalex.com All Right Reserved</p>
            <p class="copyright">版权所有：广州市昊信联行广告有限公司</p>
            <a href="http://www.beian.miit.gov.cn" class="copyright">ICP备案号：粤ICP备18152611号-2</a>
        </footer>
    </div>
</template>
<script>
    import news from './../../api/new';

    export default {
        name: 'foot',
        data() {
            return {
                news: []
            };
        },
        created() {
            news.list().then(response => {
                this.news = response.data;
            });
        },
    };
</script>
<style scoped>
</style>

